/* pages/index/index.wxss */
page{
    overflow: hidden;
}
.container {
	// width: 100%;
	height: 100vh;
	background-color: #edf4fe;
	.header {
		// width: 100%;
		height: 140rpx;
		background-color: #5194f8;
		padding: 20rpx;
		padding-bottom: 0;
		padding-top: 34px;
		.title {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-top: 20px;
		}
		:nth-child(2) {
			width: 65%;
			color: #fff;
			font-size: 35rpx;
		}
		image {
			width: 64rpx;
			height: 64rpx;
		}
	}
	.weather {
		// width: 100%;
		height: 250rpx;
		position: relative;
		image {
			width: 100%;
			height: 100%;
		}
		.postion {
			position: absolute;
			top: 40rpx;
			left: 20rpx;
            right: 30rpx;
            bottom:0;
			.info {
				display: flex;
				align-items: center;
				justify-content: space-around;
				color: #fff;
				.right {
					// padding-left: 200rpx;
					display: flex;
					flex-direction: column;
					align-items: flex-end;
					text {
						padding-bottom: 10rpx;
					}
				}
			}
		}
	}
	.order {
		.tabs {
			.tabs-item {
				padding: 20rpx;
				display: flex;
				justify-content: space-around;
				.item-1 {
					width: 218rpx;
					height: 158rpx;
					background: #ffffff;
					box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(51, 51, 51, 0.15);
					border-radius: 24rpx;
					color: #ff6b6b;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.title {
						font-size: 31rpx;
					}
					.num {
						font-size: 58rpx;
						font-weight: bold;
					}
				}
				.item-1-active {
					background: #ff6b6b;
					color: #ffffff;
					width: 218rpx;
					height: 158rpx;
					box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(51, 51, 51, 0.15);
					border-radius: 24rpx;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.title {
						font-size: 31rpx;
					}
					.num {
						font-size: 58rpx;
						font-weight: bold;
					}
				}
				.item-2 {
					width: 218rpx;
					height: 158rpx;
					background: #ffffff;
					box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(51, 51, 51, 0.15);
					border-radius: 24rpx;
					display: flex;
					color: #ffc001;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.title {
						font-size: 31rpx;
					}
					.num {
						font-size: 58rpx;
						font-weight: bold;
					}
				}
				.item-2-active {
					background: #ffc001;
					color: #ffffff;
					width: 218rpx;
					height: 158rpx;
					box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(51, 51, 51, 0.15);
					border-radius: 24rpx;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.title {
						font-size: 31rpx;
					}
					.num {
						font-size: 58rpx;
						font-weight: bold;
					}
				}
				.item-3 {
					width: 218rpx;
					height: 158rpx;
					background: #ffffff;
					box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(51, 51, 51, 0.15);
					border-radius: 24rpx;
					display: flex;
					color: #5194f8;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.title {
						font-size: 31rpx;
					}
					.num {
						font-size: 58rpx;
						font-weight: bold;
					}
				}
				.item-3-active {
					background: #5194f8;
					color: #ffffff;
					width: 218rpx;
					height: 158rpx;
					box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(51, 51, 51, 0.15);
					border-radius: 24rpx;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.title {
						font-size: 31rpx;
					}
					.num {
						font-size: 58rpx;
						font-weight: bold;
					}
				}
				.item:focus {
					background: chartreuse;
					color: #ffffff;
				}
			}
		}
	}
}
.popupStyle {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 40rpx;
	padding-top: 100rpx;
  height: 90%;
	.top {
		display: flex;
		flex-direction: column;
		align-items: center;
		:nth-child(2) {
			color: #fff;
			padding-top: 20rpx;
			padding-bottom: 20rpx;
		}
		image {
			width: 150rpx;
			height: 150rpx;
		}
	}
	.bottom {
		display: flex;
		flex-direction: column;
		align-items: center;
		// padding-bottom: 120rpx;
		image {
			width: 30rpx;
			height: 30rpx;
		}
		button {
			border: 1px solid #ffffff;
			border-radius: 20rpx;
			color: #ffffff;
			margin-top: 20rpx;
			margin-bottom: 20rpx;
			view {
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}
}
.van-nav-bar{
    background-color: #5194f8 !important;
}